<template>
  <vue-modal
    :title="title"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showConfigure"
    effect="fade"
    :small="true"
    :width="460"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form">
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*名称</label>
          <div class="col-sm-9">
            <div class="text-left">
              <input type="text" class="form-control" v-model="ac.name">
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*开始时间</label>
          <div class="col-sm-9 control-label">
            <div class="text-left">
              <vue-date-picker
                :time.sync="ac.startTime"
                :option='datePickerOption'>
              </vue-date-picker>
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*结束时间</label>
            <div class="col-sm-9 control-label">
              <div class="text-left">
                <vue-date-picker
                  :time.sync="ac.endTime"
                  :option='datePickerOption'>
                </vue-date-picker>
              </div>
           </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*任务链接</label>
          <div class="col-sm-9 ">
            <div class="text-left">
              <input type="text" class="form-control" v-model="ac.skipUrl">
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*奖励贝塔币</label>
          <div class="col-sm-9 ">
            <div class="text-left">
              <input type="number" class="form-control" v-model="ac.gold" placeholder="请输入整数">
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*按钮文案</label>
          <div class="col-sm-9 ">
            <div class="text-left">
              <input type="text" class="form-control" v-model="ac.title" placeholder="不多于6个字">
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*是否显示</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="ac.hide">
              <option value="0">显示</option>
              <option value="1">隐藏</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm" v-if="!isAdd">
          <label class="col-sm-3 control-label">*是否有效</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="ac.invalid">
              <option value="0">有效</option>
              <option value="1">无效</option>
            </select>
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<style src="./configure.css" scoped></style>
<script src="./configure.js"></script>